<template>
<div>
  <el-radio-group v-model="size">
    <el-radio label="">默认</el-radio>
    <el-radio label="medium">中等</el-radio>
    <el-radio label="small">小型</el-radio>
    <el-radio label="mini">超小</el-radio>
  </el-radio-group>
    <el-button type="primary" size="small">操作</el-button>
  <el-descriptions class="margin-top" :column="3" :size="size" border style="height:50px" v-for="a in user" :key="a">
    <template slot="extra">
    </template>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-user"></i>
      </template>
     {{a.u_name}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        手机号
      </template>
      {{a.u_phone}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-eamil"></i>
        密码
      </template>
      {{a.u_pwd}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
        ID
      </template>
      <el-tag size="small">{{a.u_id}}</el-tag>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-office-building"></i>
        邮箱
      </template>
      {{a.u_email}}
    </el-descriptions-item>
  </el-descriptions>
  </div>
</template>

<script>
    export default {
      data () {
      return {
        size: '',
        user:[]
      };
    },
    mounted () {
      this.getData();
    },
    methods: {
      getData() {
        let url='dtb/user/put'
        this.axios.get(url).then(res=>{
          console.log(res);
          this.user=res.data.data
        })
      }
    },
    }
</script>

<style lang="scss" scoped>

.margin-top{

position: relative;
// top:-120px;
}


</style>